Design Considerations for HTML Documents
Use descriptive titles
Bad
- Newsletter
- Spring Newsletter
Good
- Medical Informatics Newsletter / Spring 1995
- April 95 Informatics Newsletter
Remember
- Titles have many context independent uses, including bookmarks.
Don't micro manage your page layout
Don't rely on:
- Font type and size
- Physical relationships between elements
- Browser-specific HTML extensions
- Graphics where plain text works just as well
Remember
- There are many different WWW browsers available.
- Each user has ultimate control over his/her display.
Be consistent
- Place elements in the same location on related pages.
- Replace redundant information with a link to a single page.
- Avoid trite verbiage such as "more information can be found here."
Be careful with graphics
- Conserve vertical space whenever possible
- Limit width of graphics to 450-500 pixels
- Use a thumbnail to jump to larger image when appropriate
- Use short horizontal or icon graphics for page titles
- Make images large enough, but no larger
Provide context when appropriate
- Home and parent page links
- Previous and next page links
- Reference rather than quote other documents
Use relative URLs when appropriate
- Relative URL
- images/picture.gif
- Complete URL
- http://host.ufl.edu/images/picture.gif
Always sign your work
- Identify the author or contact person
- Include a URL or email address
- Include a creation date or version number
- Include a copyright notice or disclaimer if appropriate
Edited on January 22, 1996 / Updated on January 29, 1996
Location: http://www.med.ufl.edu/medinfo/mtx/design.html
Contact: Richard Rathe / rrathe@ufl.edu